<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h4>为什么两个相邻div的margin只有一个生效</h4>
    <p>
        答案:块级元素同级元素之间的margin值会合并，取其最大
        的margin作为两个元素之间共用的margin。 </p>
    <p>注意: margin合并只出现在块级元素.上，浮动元素不会和相
    邻的元素产生margin合并，绝对定位元素不会和相邻元素产
    生margin合并</p>
    <p>行级块元素不会和相邻元素产生margin合并，根元素间不会产生margin合并( 如html和body)，设
    置了属性overflow且值不为visible的块级元素不会与他的子
    元素发生margin合并。</p>


</body>

</html>